﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>会员列表</title>
    <meta charset="utf-8" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <script type="text/javascript">
        $(function () {
            //挂失/锁定弹窗
            $("#LossLock").click(function () {
                $('#loss').dialog({
                    title: '挂失/锁定',
                    width: 320,
                    height: 220,
                    closed: false,
                    cache: false,
                    //href:'LossAndLock.html',
                    modal: true
                });
                $("#frm1").attr("src", "LossAndLock.html")
            })
            //会员转账弹窗
            $("#viptranfer").click(function () {
                $('#transfer').dialog({
                    title: '会员转账',
                    width: 490,
                    height: 450,
                    closed: false,
                    cache: false,
                    //href:'LossAndLock.html',
                    modal: true
                });
                $("#frm2").attr("src", "VIPTransfer.html")
            })
            //会员换卡弹窗
            $("#changecard").click(function () {
                $('#change').dialog({
                    title: '会员换卡',
                    width: 470,
                    height: 380,
                    closed: false,
                    cache: false,
                    //href:'LossAndLock.html',
                    modal: true
                });
                $("#frm3").attr("src", "ChangeCard.html")
            })
            //数据表格
            $('#dg').datagrid({
                pagination: true,
                singleSelect: true,
                rownumbers: true,
                //toolbar:'#vip',
                url: '../json/datagrid_data1.json',
                method:'get',
                columns: [[
                    { field: 'productid', title: 'Id', width: 100 },
                    { field: 'productname', title: 'Name', width: 100 },
                    { field: 'unitcost', title: 'Cost', width: 100, align: 'center' }
                ]]
            });
            //修改事件
            $("#update").click(function () {
                var row = $("#dg").datagrid("getSelected");
                if (row != null) {
                    //弹窗
                }
                else {
                    $.messager.alert("提示","请选择要修改的行","warning")
                }
            })
            //删除事件
            $("#delete").click(function () {
                var row = $("#dg").datagrid("getSelected");
                if (row != null) {
                    $.messager.confirm('温馨提示', '您确定要删除么？')
                }
                else {
                    $.messager.alert("提示", "请选择要删除的行", "warning")
                }
            })
        })
    </script>
</head>
<body>
    
    <div style="padding-left:120px;">
        <div>
            <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
            <a id="update" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
            <a id="delete" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
            <a id="LossLock" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-lock'">挂失/锁定</a>
            <a id="viptranfer" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-icon1'">会员转账</a>
            <a id="changecard" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">会员换卡</a>
            <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-excel'">导出Excel</a>
            <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-icon2'">导入Excel</a>
        </div>
        <div style="margin-top:5px">
            会员卡号： <input type="text" name="vipID" style="width:100px;" />
            会员姓名： <input type="text" name="vipID" style="width:100px;" />
            电话： <input type="text" name="vipID" style="width:100px;" />
        </div>
        <div>
            会员等级： <select id="cc" class="easyui-combobox" name="dept" style="width:80px;" data-options="panelHeight:'auto'">
                <option value="aa">aitem1</option>
                <option>bitem2</option>
                <option>bitem3</option>
                <option>ditem4</option>
                <option>eitem5</option>
            </select>
            状态： <select id="cc" class="easyui-combobox" name="dept" style="width:80px;" data-options="panelHeight:'auto'">
                <option value="aa">aitem1</option>
                <option>bitem2</option>
                <option>bitem3</option>
                <option>ditem4</option>
                <option>eitem5</option>
            </select>
            <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
        </div>
        <!--数据表格-->
        <div>
            <table id="dg" data-options="fitColumns:true" style="width:560px;"></table> 
        </div>
        <!--挂失/锁定弹窗-->
        <div id="loss">
            <iframe id="frm1" width="300px" height="150px" frameborder="0"></iframe>
        </div>
        <!--会员转账弹窗-->
        <div id="transfer">
            <iframe id="frm2" width="450px" height="405px" frameborder="0"></iframe>
        </div>
        <!--会员换卡弹窗-->
        <div id="change">
            <iframe id="frm3" width="440px" height="320px" frameborder="0"></iframe>
        </div>
    </div>
</body>
</html>
